<template>
  <div style="background-color: #fff;">
    <!-- 骨架屏组件测试 -->
    <!-- <Skeleton :height="40" bg-color="red"/>
    <Skeleton :width="50" :height="20"/>
    <Skeleton :width="120" :height="60"/> -->
    <!-- 测试轮播图 -->
    <!-- <XtxSlider :sliders="sliders" :time="1000" :is-auto="true"/> -->
    <!-- 测试面板组件 -->
    <HomePanel title="新鲜好物" sub-title="快来抢购吧">
      <template #right>
        <div>右侧内容</div>
      </template>
      <template #main>
        <div>主体内容</div>
      </template>
    </HomePanel>
    <HomePanel title="新鲜好物" sub-title="快来抢购吧">
      <template #main>
        <div>主体内容</div>
      </template>
    </HomePanel>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  setup () {
    const sliders = ref([
      {
        hrefUrl: '/#/',
        id: '630000201807155635',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
      },
      {
        hrefUrl: '/#/',
        id: '650000201207058528',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
      }
    ])
    return {
      sliders
    }
  }
}
</script>
